*{margin:0;padding:0;font:14px HelveticaNeue-Light,Sans-serif;-webkit-touch-callout:none;-webkit-user-select:none}
a{text-decoration:none;color:#000}
article{position:relative;width:561px;height:748px;top:128px;margin:auto;overflow:hidden}
body,html{height:100px}
header{display:none;top:0}
header,nav{position:absolute;width:100%;height:100px;text-align:center}
header a,nav a{color:#888}
header img,nav img{width:37px;height:37px}
header svg,nav svg{width:37px;height:37px;stroke:#888;stroke-width:2;stroke-linejoin:round;fill:#fff}
header li,nav li{text-align:center;width:100px;display:inline-block}
header ul,nav ul{display:table-cell;vertical-align:middle}
nav{display:table;bottom:0}
nav a{display:block;height:60px;margin:0 20px}
li{list-style-type:none}

#cam{display:none}
#out{position:absolute;top:0;font:14px monospace}

#w1{width:32px;background:#fff url(/img/loading.svg)no-repeat center center}
#v3 input{border:none;width:350px;color:#aaa;-webkit-user-select:text}

#sio img{width:24px;height:24px}

.Female .f,.Male .m{padding-right:25px;background:#fff url(/img/check4.svg)no-repeat right}
.bk{position:absolute;top:20px;padding-left:20px;background:#fff url(/img/bk4.svg)no-repeat left}
.ck{padding-right:25px;background:#fff url(/img/check4.svg)no-repeat right}
.dsl a{color:#000}
.dsl svg{stroke:#666;fill:#666}
.go{padding-right:25px;background:#fff url(/img/go4.svg)no-repeat right}
.lk #shr{display:none}
.sh #lke{display:none}
.ush a{color:#000}
.ush svg{stroke:#666;fill:#666}
.wt{padding-right:25px;background:#fff url(/img/loading.svg)no-repeat right}

#v0,#v1,#v2,#v3,#v4,#v5,#v6,#v7{display:none}
.v0 header{display:table}
.v0 #v1,.v1 #v1,.v2 #v2,.v3 #v3,.v4 #v3,.v5 #v5,.v6 #v6,.v7 #v7{display:block}
.v0 #x0 *,.v1 #x1 *,.v2 #x2 *,.v3 #x3 *,.v4 #x4 *{color:#000;stroke:#666;fill:#666}

#y0,#y2{display:none}
.y0 #y0,.y1 #y0,.y2 #y2,.y3 #y2{display:inline-block}
.v0 .y1 #y0 *,.v0 .y3 #y2 *,.v1 .y1 #y0 *,.v1 .y3 #y2 *{color:#000;stroke:#666;fill:#666}